/* Empty. Add your own CSS if you like */
html{
  height: 100%;
}
body{
  height: 100%;

}

#map {
  display: block;
  width: 100%;
  bottom: 0%;
  position: absolute;
}

#button {
  bottom: 0%;
  position: absolute;
  width: 100%;
  height: 10%;
  text-align: center;
  font-size: medium;

}

#searchButton{
  width: 50%;
}

#parkDesc {
  bottom: 0%;
  position: absolute;
  width: 100%;
  height: 64%;
  text-align: center;
  font-size: medium;

}


.scroll {
  height: 100%;
}

#parkmap {
  display: block;
  width: 100%;
  height: 35%;
  margin: 0%;
}


#foot{
  bottom: 2%;
  left: 2.5%;
  position: absolute;
}

#foot1{
  bottom: 8%;
  left: 2%;

  position: absolute;
}

#name {
  background-color: #1E3DA1;
  width: 100%;
  height: 16%;
  font-size: 100%;
  color: #fafafa;
  /*font-family: fantasy;*/
  line-height: 1.5;
  margin:0%;
  padding-top: 10px;
  text-indent: 1em;
  text-align: left;
}

.wrapper {
  width: 300px;
  margin: 10px auto;
  font: 14px/1.5 arial;
  text-align: left;
  margin: 0%;
}

#star {
  overflow: hidden;
}

#star li {
  float: left;
  width: 20px;
  height: 20px;
  margin: 2px;
  display: inline;
  color: #999;
  font: bold 18px arial;
}

#star
.act {
  color: orange;
}

.off {
  color: #666666;
}
 .customBox {
  background:yellow;
  border:1px solid black;
  position:absolute;
}

.title.title-center.header-item {
  left: 39px !important;
  right: 39px !important;
}

